<!DOCTYPE <!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>博晓通祝您新年快乐！！！</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/swiper.min.css">
  </head>

  <body>
    <div class="music">
      <audio id="Jaudio" autoplay="autoplay" class="media-audio" loop="loop">
        <source src="./index.mp3" type="audio/mpeg">
      </audio>
    </div>
    <!-- Swiper -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide part1 active">
          <div class="index-part1-img1"></div>
          <div class="index-part1-img2"></div>
        </div>
        <div class="swiper-slide part2">
          <div class="index-part1-img3"></div>
          <div class="index-part1-tex1">
            东风书喜庆，日月开新元。在一片欢声笑语中我们又迎来 2022
            年的新年钟声。放眼神州大地，处处都有新变化，新气象。新的一年，我们将努力做好自己的产品，我们要万众一心加油干，不惧风雨、不危险组、只争朝夕，不负韶华。
          </div>
        </div>
        <div class="swiper-slide part3">
          <h5>新年致辞</h5>
          <div class="index-part1-img4"></div>
          <h6>CEO 张宇（石头）</h6>
          <p>
            2021 转瞬即逝，物来顺应，未来不迎，当时不杂，既过不恋。三年前没悟的，现在领悟还不算晚；三年没做成的，就五年做成。<br /><br />
            2022 年衷心祝愿大家新年身体健康，工作顺利，阖家幸福，万事如意！
          </p>
        </div>
        <div class="swiper-slide part3">
          <div class="index-part1-img5"></div>
          <h5>春节由来</h5>
          <p>
            喜迎新年，奋进的号角更加激昂。我们深知，面对改革发展重任，我们需担负更大的责任；面对风险困难挑战，我们需接受更多的考验；面对中华民族伟大复兴的战略全局，我们更应担当作为、奋勇向前
          </p>
        </div>
        <div class="swiper-slide part4">
          <h5>2018</h5>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2018-1.png" alt="">
          </div>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2018-2.png" alt="">
          </div>
        </div>
        <div class="swiper-slide part5">
          <div class="index-part1-img6" style="margin-top:18%">
            <div class="index-part1-img6bc"></div>
            <img src="img/2019-1.png" alt="">
          </div>
          <h5>2019</h5>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2019-2.png" alt="">
          </div>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2019-3.png" alt="">
          </div>
        </div>
        <div class="swiper-slide part4">
          <h5>2020</h5>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2020-1.png" alt="">
          </div>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2020-2.png" alt="">
          </div>
        </div>
        <div class="swiper-slide part4">
          <h5>2021</h5>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2021-1.png" alt="">
          </div>
          <div class="index-part1-img6">
            <div class="index-part1-img6bc"></div>
            <img src="img/2021-2.png" alt="">
          </div>
        </div>
        <!-- <div class="swiper-slide part6">
          <div class="index-part1-img6" style="margin-top:18%">
            <div class="index-part1-img6bc"></div>
            <img src="img/five/img_01.jpg" alt="">
          </div>
          <h5>为国聚财</h5>
          <p>不忘初心，牢记使命，发扬斗争精神，勇于担当作为，为了党和人民不怕劳苦，党的初心和使命是党的性质宗旨、理想信念、奋斗目标的集中体现，激励着我们永远坚守，砥砺着我们坚毅前行。</p>
        </div> -->
        <div class="swiper-slide part7">
          <h5>温馨提醒</h5>
          <p>
            近期疫情高发，我们在兴高采烈回家的路上一定要注意多家防护，保护自己和身边人的身体健康<br /><br />爱自己，再爱他人！
          </p>
          <div class="index-part1-img7"></div>
          <div class="index-part1-img8"></div>
        </div>
        <!-- <div class="swiper-slide part8">
          <p>
            实现中华民族伟大复兴的中国梦，绝不是轻轻松松、敲锣打鼓就能实现的，实干方能兴邦，实干方能强国，实干方能富民。越是任务艰巨繁重，越要全党上下团结一心、砥砺前行，越要保证全党集中统一、令行禁止，步调一致实现新时代党的历史使命。
          </p>
          <div class="index-part1-img7"></div>
          <div class="index-part1-img8"></div>
        </div> -->
        <!-- <div class="swiper-slide part9">
          <h5>“十不、一提倡”廉洁过春节</h5>
          <div class="part9-tex">
            <p>一、 严谨在各种场合，（含微信或信息）妄议中央和国家的大政方针政策。</p>
            <p>二、严禁用公款搞相互走访，送礼，宴请等活动。</p>
            <p>三、严禁公车私用和公款大吃大喝、旅游和参与各种高消费娱乐、健身、出入不健康场所（歌舞厅）等活动。</p>
          </div>
          <div class="index-part1-img7"></div>
          <div class="index-part1-img8"></div>
        </div>
        <div class="swiper-slide part10">
          <h5>“十不、一提倡”廉洁过春节</h5>
          <div class="part9-tex">
            <p>四、严禁违规收受礼品，礼金，消费卡等。</p>
            <p>五、 严禁违规操办婚丧嫁娶等事宜并借机收钱敛财。</p>
            <p>六、 严禁以任何借口发放礼品礼金、纪念品、慰问品、更不得变相发放购物卡和开门红利是等。</p>
            <p>七、 严禁违规突击花钱和滥发津贴、补贴、奖金和实物。</p>
          </div>
          <div class="index-part1-img7"></div>
          <div class="index-part1-img8"></div>
        </div>
        <div class="swiper-slide part10">
          <h5>“十不、一提倡”廉洁过春节</h5>
          <div class="part9-tex">
            <p>八、严禁借过节之机接受下属或企业（管户）纳税人吃请。</p>
            <p>九、严禁违规参与同乡会、校友会、战友会等各种联谊活动。</p>
            <p>十、 严禁组织、参与各种形式的赌博和封建迷信活动。</p>
            <p>提倡：电话或信息（微信）拜年，改进节日祝福和拜年方式。</p>
          </div>
          <div class="index-part1-img7"></div>
          <div class="index-part1-img8"></div>
        </div> -->
        <div class="swiper-slide part11">
          <div class="part11-back1"></div>
          <div class="part11-back2"></div>
          <div class="part11-back3"></div>
          <div class="part11-img1">
            <img src="img/img_04.png" alt="">
          </div>
          <div class="part11-img2"></div>

          <div class="part11-img3 padding-top:70px">
            <video src="./img/video.mp4" loop muted controls="controls" style="text-align:center;width: 80%;"></video>
          </div>
        </div>
      </div>
      <!-- Add Arrows -->
      <div class="swiper-button-next"></div>
    </div>
    <!-- Swiper JS -->
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        slidesPerView: 1,
        spaceBetween: 0,
        mousewheel: true,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        navigation: {
          nextEl: '.swiper-button-next',
        },
        on: {
          slideChangeTransitionEnd: function () {
            var index = this.activeIndex;
            $('.swiper-wrapper .swiper-slide').eq(index).addClass('active').siblings().removeClass('active');
          }
        }
      });
      $('.music').addClass('on');

      document.addEventListener("DOMContentLoaded", function () {
        var audio = document.getElementById("Jaudio");
        audio.play();
        $('.music').addClass('on');
        document.addEventListener("WeixinJSBridgeReady", function () {
          audio.play();
          $('.music').addClass('on');
        }, false);

        $('.music').on('touchstart', function () {
          $(this).toggleClass('on');
          if ($(this).hasClass('on')) {
            audio.play();
          } else {
            audio.pause();
          }
        })
      })
    </script>
  </body>

</html>